body{
    /* background: url("img/bg.jpg"); */
    background-size: 100vw 100vh;
    background-repeat: no-repeat;
    box-sizing: border-box;
    box-sizing: content-box;
}
        .tou{
            width: 100%;
            height: 8vh;
            border: red 1px solid;
            /* background-color: seagreen; */
        }
        .neir{
            width: 100%;
            height: 92vh;
            /* border: red 1px solid; */
        }
        .shang{
            width: 100vw;
            height: 60vh;
            /* border: solid yellow 1px; */
            display: flex;
            flex: 11;
        }
        .dv1{
            flex:4;
            
        }
        .dv1shang{
            width: 100%;
            height: 30vh;
            /* background: url("img/pulefttop.png"); */
            background-size: 100% 100%;
            background-repeat: no-repeat
            ;
            background-color: salmon;
        }
        .dv1xia{
            width: 100%;
            height: 30vh;
           
            background: url("img/pumiddbott.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .dv2{
            flex:4;
         
            display: flex;
            flex: 4;
        }
        .dv2zuo{
            flex: 2;
          
            background: url("img/hdbjr.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .dv2you{
            flex: 2;
         
            background: url("img/hdbjr.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .dv3{
            flex:3;
      
        }
        .dv3shang{
            width: 100%;
            height: 30vh;
            /* border: white 1px solid; */
            background: url("img/midtop.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .dv3xia{
            width: 100%;
            height: 30vh;
            /* border: white 1px solid; */
            background: url("img/midtop.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .xia{
            width: 100vw;
            height: 32vh;
            /* border: solid yellow 1px; */
        }
        ul{
            list-style: none;
            width: 40%;
            height: 8vh;
            background-color: sienna;
          
        }
      /* 画圆 */
      .diqu{
          color: #ffff;
          margin-left: 20px;
      }
      #ctx{
        width: 100%;
            height: 26vh;
            border: slateblue 1px solid;
            z-index: -1;
      }
      .dv2xia{
            width: 37%;
            height: 30vh;
           
            background: url("img/pumiddbott.png");
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
    #mychart{
        width: 60%;
        height: 30vh;
        border: 1px solid #ccc;
    }